<template>
  <div class="alert-box" ref="createCreative">
    <a-modal
      :getContainer="() => createCreative"
      width="380px"
      :centered="true"
      :footer="null"
      v-model:visible="store.showAlertInfo.isShow"
      :title="store.showAlertInfo.title"
    >
      <p>{{ store.showAlertInfo.message }}</p>
    </a-modal>
  </div>
</template>
<script lang="ts" setup>
  import { useZhichengStore } from '../../store/index';
  const store = useZhichengStore();
  const createCreative = ref(null);
</script>
<style lang="less" scoped>
  .alertClass {
    width: 350px !important;
    top: 200px !important;
  }
  :deep(.ant-modal) {
  }
  :deep(.ant-modal-body) {
    min-height: 100px;
    font-size: 20px;
    padding: 50px;
  }
</style>
